<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="user-scalable=no, width=devicd-width,initial-scale=1.0,maximum-scale=1.0" />
		
		<title>demo6-1</title>/
		<style>
			body{
				background-color: red;
			}
			@media (min-width:320px) {
				body{
					background-color: blue;
				}
			}
			@media(min-width:414px)  {
				body{
					background-color: yellow;
				}
			}
			
			@media(min-width:768px)  {
				body{
					background-color: red;
				}
			}
			
			@media(min-width:960px)  {
				body{
					background-color: green;
				}
			}
			
		</style>
	</head>
	<body>
	</body>
</html>
